<template>
    <div>
       <h1>登录</h1>
       <table class="table">
        <thead>
            <tr>
                <td>用户名</td>
                <td>
                   <input type="text" v-model="data.name">
                </td>
            </tr>
             <tr>
                <td>密码</td>
                <td>
                    
                       <input type="password" v-model="data.pos">
                </td>
            </tr>
             <tr>
               
                <td colspan="2">
                <input type="button" value="登录" @click="Login">
                </td>
            </tr>
        </thead>
       </table>
    </div>
</template>

<script setup lang="ts">
import {ref} from "vue"
import axios from "axios";
import { useRouter } from "vue-router";
import router from "@/router";
import { useUserStore } from "@/stores/user";
const Router=useRouter()
const user=useUserStore()
const data=ref({
    "id": 3,
  "name": "",
  "pos": "",
})
const Login=()=>{
    axios.get("https://localhost:7239/api/User/Login",{params:data.value}).then(res=>{
        if(res.data.id>0){
            alert('登录成功');
             user.userdata.name=data.value.name;
            user.userdata.pos=data.value.pos;
          location.href="/Showview";
          
        }
        if(res.data.id==-1){
            alert('用户名不存在');
            return;
        }
         if(res.data.id==-2){
            alert('密码错误');
            return;
        }
    })
}
</script>

<style scoped>

</style>